layui.use(['element'], function(){
    $ = layui.jquery;
    element = layui.element;

    //导航的hover效果、二级菜单等功能，需要依赖element模块
    // larry-side-menu向左折叠
    if($(window).width()<750){
        trun = 0;
    }else{
        trun = 1;
    }

    $('.larry-side-menu').click(function() {
        if(trun){
            $('.x-side').animate({left: '0px'},200).siblings('.x-main').animate({left: '220px'},200);
            trun=0;
        }else{
            $('.x-side').animate({left: '-220px'},200).siblings('.x-main').animate({left: '0px'},200);
            trun=1;
        }

    });



    //监听导航点击
    element.on('nav(side)', function(elem){
        title = elem.find('cite').text();
        url = elem.find('a').attr('_href');
        // alert(url);

        for (var i = 0; i <$('.x-iframe').length; i++) {
            if($('.x-iframe').eq(i).attr('src')==url){
                element.tabChange('x-tab', i);
                return;
            }
        };

        res = element.tabAdd('x-tab', {
            title: title//用于演示
            ,content: '<iframe frameborder="0" src="'+url+'" class="x-iframe"></iframe>'
        });


        element.tabChange('x-tab', $('.layui-tab-title li').length-1);

        $('.layui-tab-title li').eq(0).find('i').remove();
    });
});


